<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="-Abel Chocano Gómez, Carlos del Prado Mota">

    <title>Loquieroenmicasa - Contacto</title>

    <!-- font-awesome -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--[if IE 7]>
    <link href="css/font-awesome-ie7.css" rel="stylesheet">
    <![endif]-->

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">

    <!-- custom CSS -->
    <link href="css/style.css" rel="stylesheet">
    <!-- custom CSS -->
    <link href="css/themes/red.css" rel="stylesheet">
    <!--[if lte IE 8]>
    <link href="css/ie8.css" rel="stylesheet">
    <![endif]-->
    <!--[if lte IE 7]>
    <link href="css/ie7.css" rel="stylesheet">
    <![endif]-->

    <!-- Nuestro CSS -->
    <link href="css/miCss.css" rel="stylesheet">

    <!-- JavaScript -->
    <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/plugins.js"></script>
    <!--[if lte IE 7]>
    <script type="text/javascript" src="js/boxsizing/jquery.boxsizing.js"></script> 
    <![endif]-->
    <script type="text/javascript" src="js/banzhow.js"></script>

    <!-- Nuestro JS -->
    <script type="text/javascript" src="js/jQuery_formulario_contacto.js"></script>
    <!-- Nuestro JS -->
    <script type="text/javascript" src="js/jQuery_general.js"></script>

  </head>

  <body>

    <!-- BARRA DE NAVEGACIÓN -->
    <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a href="http://www.loquieroenmicasa.com" target="_blank"><img class="logo_menu_superior" src="./img/logo/LogoCorto.png" alt="Loquieroenmicasa.com"></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="index.html">Inicio</a></li>
            <li><a href="consigueturegalo.html">Consigue tu regalo</a></li>
            <li><a href="descubre.html">Descubre</a></li>
            <li class="active"><a href="contacto.html">Contacto</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container -->
    </nav>


    <!-- CONTACTO -->
    <div class="section" id="seccionInicio">

      <div class="container">

        <div class="row">

          <div class="col-sm-8">
            <h3>Contacta</h3>
            <p>¿Tienes alguna duda? ¡Háznosla llegar! Te la resolveremos lo antes posible.</p>

              <form role="form">
                <div class="row">
                  <div class="form-group col-md-12" id="grupoNombreContacto">
                    <label for="nombreContacto">Nombre</label>
                    <input type="text" name="nombreContacto" class="form-control" id="nombreContacto">
                  </div>
                  <div class="form-group col-md-12" id="grupoEmailContacto">
                    <label for="emailContacto">Dirección de email</label>
                    <input type="email" name="emailContacto" class="form-control" id="emailContacto">
                  </div>
                  <div class="form-group col-md-12">
                    <label for="asuntoContacto">Asunto</label>
                    <input type="text" name="asuntoContacto" class="form-control" id="asuntoContacto">
                  </div>
                  <div class="clearfix"></div>
                  <div class="form-group col-lg-12" id="grupoMensajeContacto">
                    <label for="mensajeContacto">Mensaje</label>
                    <textarea name="mensajeContacto" class="form-control" rows="6" id="mensajeContacto"></textarea>
                  </div>

                  <!-- Boton ENVIAR -->
                  <div align="center" class="col-xs-12 col-sm-12 col-md-12 radioEncuesta">
                    <a class="btn btn-danger btn-lg" id="botonEnviarContacto" data-loading-text="Enviando...">Enviar</a>
                  </div>

                  <!-- PANEL GRACIAS -->
                  <div class="col-xs-12 col-sm-12 col-md-12 alert alert-success" id="alertGracias">
                    <p class="textoCentrado">Email enviado con <strong>éxito</strong> ¡Le atenderemos lo antes posible! Gracias</p>
                  </div>

                  <!-- PANEL ERROR -->
                  <a href="#seccionInicio">
                    <div class="col-xs-12 col-sm-12 col-md-12 alert alert-danger" id="alertFalloNombreEmail">
                      <p class="textoCentrado"><span class="fa fa-lg fa-arrow-up"></span>&nbsp; Debes rellenar los campos <strong>nombre</strong>, <strong>email</strong> y <strong>mensaje</strong> correctamente &nbsp; <span class="fa fa-lg fa-arrow-up"></span></p>
                    </div> 
                  </a>
                </div>
              </form>
          </div>

          <!-- PANEL LATERAL INFO CONTACTO -->
          <div class="col-sm-4">
            <!-- Logo de Loquieroenmicasa -->
            <div class="col-lg-12 col-md-12 col-sm-12">
              <div align="center" id="logo_lo_contacto">
                <a href="http://www.loquieroenmicasa.com"><img class="img-responsive" src="./img/logo/Logo.png" alt="Loquieroenmicasa.com"></a>
              </div>
            </div>

            <p><i class="fa fa-phone"></i> (+34) 620 687 968</p>
            <p><i class="fa fa-envelope"></i> <a href="mailto:info@loquieroenmicasa.com">info@loquieroenmicasa.com</a></p>
            <p><i class="fa fa-clock-o"></i> Lunes - Viernes: 9:00 AM a 9:00 PM</p>
          </div>

        </div><!-- /.row -->

      </div><!-- /.container -->

    </div><!-- /.section -->

    
    <!-- FOOTER -->
    <footer>
      <div class="container">

        <div class="row">
          <div class="col-lg-5 col-md-5">
            <a class="footer-brand" href="index.html">Loquieroenmicasa</a>
            <p class="pJustificado">Loquieroenmicasa cuenta con un equipo de diseñadores, arquitectos y decoradores profesionales que te enseñaran maravillosos diseños. Ellos te asesorarán y guiarán en cada momento para materializar las ideas de hogar que rondan por tu cabeza y así convertir tu casa en la casa de sus sueños.</p>
            <ul class="list-inline list-unstyled social-networks">
              <li>
                <a href="https://www.facebook.com/Loquieroenmicasapuntocom">
                  <div class="icon-social icon-social-facebook normal">
                    <i class="fa fa-facebook"></i>
                  </div>
                  <div class="icon-social hover">
                    <i class="fa fa-facebook"></i>
                  </div>
                </a>
              </li>

              <li>
                <a href="https://twitter.com/Loquieroenmicsa">
                  <div class="icon-social icon-social-twitter normal">
                    <i class="fa fa-twitter"></i>
                  </div>
                  <div class="icon-social hover">
                    <i class="fa fa-twitter"></i>
                  </div>
                </a>
              </li>

              <li>
                <a href="https://www.youtube.com/channel/UCLNTH-BsBHK4WUMpTmsd3lA">
                  <div class="icon-social icon-social-youtube normal">
                    <i class="fa fa-youtube-play"></i>
                  </div>
                  <div class="icon-social hover">
                    <i class="fa fa-youtube-play"></i>
                  </div>
                </a>
              </li>

              <li>
                <a href="http://www.linkedin.com/groups/Loquieroenmicasacom-Diseño-arquitectura-interiores-paisajismo-4993357?gid=4993357&mostPopular=&trk=tyah&trkInfo=tarId%3A1396800482547%2Ctas%3ALOQUIERO%2Cidx%3A1-1-1">
                  <div class="icon-social icon-social-linkedin normal">
                    <i class="fa fa-linkedin"></i>
                  </div>
                  <div class="icon-social hover">
                    <i class="fa fa-linkedin"></i>
                  </div>
                </a>
              </li>

              <li>
                <a href="https://www.pinterest.com/loquieroenmicsa/loquieroenmicasa-decoración/">
                  <div class="icon-social icon-social-pinterest normal">
                    <i class="fa fa-pinterest"></i>
                  </div>
                  <div class="icon-social hover">
                    <i class="fa fa-pinterest"></i>
                  </div>
                </a>
              </li>
            </ul>
          </div>

          <div class="col-lg-3 col-md-3">
            <h3>CONTACTO</h3>
            <address>
              <i class="fa fa-phone"></i> (+34) 620 687 968<br>
              <i class="fa fa-envelope"></i> info@loquieroenmicasa.com
            </address>
          </div>

          <div class="col-lg-4 col-md-4">
            <h3>SUSCRIPCIÓN</h3>
            <p class="pJustificado">Si quieres estar a la última en modas y tendencias para el hogar, no dudes en dejarnos tu email y nosotros te mantendremos informados.</p>
            <div class="input-group radioEncuesta">
              <input type="text" placeholder="Email" id="emailSuscribirseFooter" class="form-control">
              <span class="input-group-btn">
                <button class="btn btn-primary" type="button" id="botonSuscribirseFooter" data-loading-text="Enviando...">Comenzar!</button>
              </span>
            </div><!-- /input-group -->

            <!-- PANEL GRACIAS -->
            <div class="col-xs-12 col-sm-12 col-md-12 alert alert-info" id="alertSuscrito">
              <p class="textoCentrado" id="pSuscrito"><strong>¡Suscrito!</strong></p>
            </div>
          </div>
        </div><!-- /.row -->

      </div><!-- /.container -->
    </footer>

    <div class="footer-after">
      <div class="container">
        <div class="row">
          <p class="col-md-10">LOQUIEROENMICASA @ COPYRIGHT 2013</p>
        </div><!-- /.row -->
      </div>
    </div>

    

  </body>
</html>
